<nz-layout class="overspread">
  <div nz-row>
    <div nz-col>
      <div class="login">
        <div class="brand">
          <span>Source</span>
          <span>Check</span>
        </div>
        <div class="login-main">
          <div class="login-form">
            <form nz-form [formGroup]="loginForm" role="form">
              <nz-form-item>
                <nz-form-control>
                  <input type="text" nz-input nzSize="large" formControlName="username" autocomplete="off"
                    placeholder="用户名">
                  <nz-form-explain *ngIf="!(loginForm.get('username').valid || loginForm.get('username').untouched)">
                    <span class="text-danger" translate="form.explain.email"
                      *ngIf="loginForm.get('username').hasError('required')">用户名不能为空！</span>
                  </nz-form-explain>
                </nz-form-control>
              </nz-form-item>
              <nz-form-item>
                <nz-form-control>
                  <input nz-input nzSize="large" formControlName="password" type="password" placeholder="密码">
                  <nz-form-explain *ngIf="!(loginForm.get('password').valid || loginForm.get('password').untouched)">
                    <span class="text-danger" translate="form.explain.pwd"
                      *ngIf="loginForm.get('password').hasError('required')">密码不能为空！</span>
                  </nz-form-explain>
                </nz-form-control>
              </nz-form-item>

              <nz-form-item>
                <nz-form-control>
                  <!-- <button nz-button nzType="primary" class="btn" (click)="getHome()">登&nbsp;&nbsp;&nbsp;&nbsp;录</button> -->
                  <button nz-button nzType="primary" class="btn" (click)="goHome()">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
                </nz-form-control>
              </nz-form-item>
            </form>
          </div>
          <div class="forget-pwd">
            <a href="#">忘记密码，点击链接找回 &gt; &gt;</a>
          </div>
          <div class="login-logo">
            <img src="assets/imgs/company-logo.png" alt="" height="20px">
            |
            官网&nbsp;:&nbsp;<a href="http://www.janine.cn" target="_blank">www.janine.cn</a>
          </div>
        </div>

      </div>
    </div>
  </div>
</nz-layout>
